body {
    font-size: 14px;
    line-height: 1.3em;
    margin: 15px 10px;
}

.logout {
    height: 45px;
}

#logout-button {
    background: rgb(236,39,27);
    color: #ffffff;
    display: block;
    text-align: center;
    width: 100px;
    float: right;
    padding: 7px 5px;
}

/* planned packages */
#planned-packages {
    margin-top: 15px;
}

#planned-packages a {
    color: #222222;
}

#planned-packages a .package, #package-status .infoblock {
    border: 1px solid #999999;
    border-top: none;
    padding: 15px;
    background: #f3f3f3;
}

#planned-packages, #package-status .infoblock {
    border-top: 1px solid #999999;
}

#planned-packages .package .packageid {
    font-weight: bold;
    font-size: 14px;
}

#planned-packages .package .packageid .status {
    font-weight: normal;
}

#planned-packages .package .address {
    color: #666666;
    font-size: 12px;
}

#planned-packages .package .action {
    color: red;
    font-size: 12px;
}

#planned-packages li, #planned-packages ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Package status */
#package-status .infoblock {
    margin: 10px 0;
    line-height: 1.5em;
    font-size: 14px;
}

#package-status .infoblock h3, #package-status .infoblock p {
    margin: 0;
}

#package-status .buttonblock-wrapper {
    overflow: hidden;
}

#package-status .buttonblock-wrapper.address-type {
    height: 0;
}

#package-status .buttonblock {
    border: 1px solid #aaa;
    padding: 15px;
    margin-bottom: 10px;
}

#package-status .buttonblock .button {
    padding: 12px 20px;
    margin: 10px 10px 0 0;
    display: inline-block;
}

#package-status .buttonblock p {
    margin: 0;
}

#package-status select {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

#package-status .buttons {
    height: 60px;
}

#package-status .button-grey {
    background: rgb(226,226,226);
    display: block;
    text-align: center;
    border: 0;
    padding: 10px 0;
    border: 1px solid #999999;
    color: #333333;
    margin: 20px 0;
    line-height: 20px;
}

#package-status select {
    width: 100%;
}

#package-status .buttons .button-grey {
    float: left;
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
}

/* package status confirmation */

#package-statusconfirmation .buttons {
    height: 60px;
}

#package-statusconfirmation .button-grey {
    background: rgb(255,255,255);
    background: url();
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
    display: block;
    text-align: center;
    border: 0;
    padding: 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999999;
    color: #333333;
    margin: 20px 0;
    line-height: 20px;
}

#package-statusconfirmation .buttons .button-grey {
    float: left;
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
}

select {
    max-width: 100%;
}